/* Styles adjusting VitePress according to theme */
:root {
  --vp-c-brand-1: #8c6bef;
  --vp-c-brand-2: #7a55e8;
  --vp-c-brand-3: #6940e0;
  --vp-c-brand-soft: rgba(140, 107, 239, 0.14);

  /* We need this because menu component has 51 index which overlaps on navbar on scroll */
  /* --vp-z-index-nav: 52; */

  --vp-code-scrollbar-thumb-bg: hsl(0, 0%, 40%);
  --vp-code-line-height: 1.9;

  --vp-home-hero-name-color: transparent;
  --vp-home-hero-name-background: -webkit-linear-gradient(
    120deg,
    #8c6bef 30%,
    #ef7b95
  );

  --vp-home-hero-image-background-image: linear-gradient(
    -45deg,
    #8c6bef 50%,
    #ef7b95 50%
  );
  --vp-home-hero-image-filter: blur(44px);
}

:root.dark {
  --vp-code-scrollbar-thumb-bg: hsl(0, 0%, 25%);
}

@media (min-width: 640px) {
  :root {
    --vp-home-hero-image-filter: blur(56px);
  }
}

@media (min-width: 960px) {
  :root {
    --vp-home-hero-image-filter: blur(68px);
  }
}
